/*
 * @Description: 
 * @Author: xuzp4
 * @Date: 2020-12-29 14:34:21
 * @LastEditors: xuzp4
 * @LastEditTime: 2022-09-26 09:45:22
 * @FilePath: \dms-lite-web-huashun\src\styles\variables.less
 */
// base color
@blue: #324157;
@light-blue: #3A71A8;
@red: #C03639;
@pink: #E65D6E;
@green: #30B08F;
@tiffany: #4AB7BD;
@yellow: #FEC171;
@panGreen: #30B08F;

// sidebar
@menuText: rgba(156, 181, 230, 1);
@menuActiveText: #fff;
@subMenuActiveText: #fff; // https://github.com/ElemeFE/element/issues/12951 
  
@menuBg: #203654;
@menuHover: #273d63;
@menuActive: #1abc9c;

@subMenuBg: #1d2d44;
@subMenuHover: #273d63;

// default
@yellow: #1890ff;
@blue: #1890ff;
@white: #fff;
@black: #000;

// dark 
@dark-contentBg: #030b21;
@dark-btn-success-bgc: #0d1d24;
@dark-btn-color: #67C23A;


// margins
@marginTop1: 1px;
@marginTop5: 5px;
@marginTop10: 10px;
@marginRight5: 5px;
@marginRight10: 10px;
@marginRight15: 15px;
@marginBottom2: 2px;
@marginBottom10: 10px;
@marginBottom15: 15px;
@marginLeft5: 5px;
@marginLeft10: 10px;

.mb15 {
  margin-bottom: @marginBottom15;
}
.mb10 {
  margin-bottom: @marginBottom10;
}
.mb2 {
  margin-bottom: @marginBottom2;
}
.ml10 {
  margin-left: @marginLeft10;
}
.ml5 {
  margin-left: @marginLeft5;
}
.mt5 {
  margin-top: @marginTop5;
}
.mt10 {
  margin-top: @marginTop10;
}
.mr5 {
  margin-right: @marginRight5;
}
.mr15 {
  margin-right: @marginRight15;
}

:root {
  --sidebar-width: 220px;
}
@sideBarWidth: var(--sidebar-width);

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: @menuText;
  menuActiveText: @menuActiveText;
  subMenuActiveText: @subMenuActiveText;
  menuBg: @menuBg;
  menuActive:@menuActive;
  menuHover: @menuHover;
  subMenuBg: @subMenuBg;
  subMenuHover: @subMenuHover;
  sideBarWidth: @sideBarWidth;
}